/*
	FEM CSS Framework 1.0
	http://www.frontendmatters.com/projects/fem-css-framework/

	Licensed under GPL and MIT.
*/


/* Containers __________________________________*/
.grid-centered {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
.left {
   float: left;
}

.right {
   float: right;
}
.box {
	margin-bottom: 1.8em;
	padding: 1.8em 20px;
	height: 1%;
}
html > body .box {
	height: auto;
}
/* Grid >> Global __________________________________*/

.box-1, .box-1-expand-left, .box-1-expand-right, .box-1-expand, .box-1-contract-left, .box-1-contract-right, .box-1-contract,
.box-2, .box-2-expand-left, .box-2-expand-right, .box-2-expand, .box-2-contract-left, .box-2-contract-right, .box-2-contract,
.box-3, .box-3-expand-left, .box-3-expand-right, .box-3-expand, .box-3-contract-left, .box-3-contract-right, .box-3-contract,
.box-4, .box-4-expand-left, .box-4-expand-right, .box-4-expand, .box-4-contract-left, .box-4-contract-right, .box-4-contract,
.box-5, .box-5-expand-left, .box-5-expand-right, .box-5-expand, .box-5-contract-left, .box-5-contract-right, .box-5-contract,
.box-6, .box-6-expand-left, .box-6-expand-right, .box-6-expand, .box-6-contract-left, .box-6-contract-right, .box-6-contract,
.box-7, .box-7-expand-left, .box-7-expand-right, .box-7-expand, .box-7-contract-left, .box-7-contract-right, .box-7-contract,
.box-8, .box-8-expand-left, .box-8-expand-right, .box-8-expand, .box-8-contract-left, .box-8-contract-right, .box-8-contract,
.box-9, .box-9-expand-left, .box-9-expand-right, .box-9-expand, .box-9-contract-left, .box-9-contract-right, .box-9-contract,
.box-10, .box-10-expand-left, .box-10-expand-right, .box-10-expand, .box-10-contract-left, .box-10-contract-right, .box-10-contract,
.box-11, .box-11-expand-left, .box-11-expand-right, .box-11-expand, .box-11-contract-left, .box-11-contract-right, .box-11-contract,
.box-12, .box-12-expand-left, .box-12-expand-right,  .box-12-expand, .box-12-contract-left, .box-12-contract-right, .box-12-contract
{
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

.box-1-expand, .box-2-expand, .box-3-expand, .box-4-expand, .box-5-expand, .box-6-expand, .box-7-expand, .box-8-expand, .box-9-expand, .box-10-expand, .box-11-expand, .box-12-expand  {
	margin-left: 0;
	margin-right: 0;
}
.box-1-contract-left, .box-2-contract-left, .box-3-contract-left, .box-4-contract-left, .box-5-contract-left, .box-6-contract-left, .box-7-contract-left, .box-8-contract-left, .box-9-contract-left, .box-10-contract-left, .box-11-contract-left, .box-12-contract-left {
	margin-left: 20px;
}
.box-1-contract-right, .box-2-contract-right, .box-3-contract-right, .box-4-contract-right, .box-5-contract-right, .box-6-contract-right, .box-7-contract-right, .box-8-contract-right, .box-9-contract-right, .box-10-contract-right, .box-11-contract-right, .box-12-contract-right {
	margin-right: 20px;
}
.box-1-contract, .box-2-contract, .box-3-contract, .box-4-contract, .box-5-contract, .box-6-contract, .box-7-contract, .box-8-contract, .box-9-contract, .box-10-contract, .box-11-contract, .box-12-contract {
	margin-left: 20px;
	margin-right: 20px;
}
.box-1-expand-left, .box-2-expand-left, .box-2-expand-left, .box-3-expand-left, .box-4-expand-left, .box-5-expand-left, .box-6-expand-left, .box-7-expand-left, .box-8-expand-left, .box-9-expand-left, .box-10-expand-left, .box-11-expand-left,  .box-12-expand-left,
.no-margin-left  {
	margin-left: 0;
}
.box-1-expand-right, .box-2-expand-right, .box-3-expand-right, .box-4-expand-right, .box-5-expand-right, .box-6-expand-right, .box-7-expand-right, .box-8-expand-right, .box-9-expand-right, .box-10-expand-right, .box-11-expand-right, .box-12-expand-right,
.no-margin-right {
	margin-right: 0;
}
/* Grid >> 12 Columns __________________________________*/

 .box-1 {
	width:60px;
}
 .box-1-expand-left,   .box-1-expand-right{
	width: 70px;
}
 .box-1-expand {
	width: 80px;
}
 .box-1-contract-left,   .box-1-contract-right{
	width: 50px;
}
 .box-1-contract {
	width: 50px;
}
 .box-2 {
	width:140px;
}
 .box-2-expand-left,   .box-2-expand-right{
	width: 150px;
}
 .box-2-expand {
	width: 160px;
}
 .box-2-contract-left,   .box-2-contract-right{
	width: 130px;
}
 .box-2-contract {
	width: 120px;
}
 .box-3 {
	width:220px;
}
 .box-3-expand-left,   .box-3-expand-right{
	width: 230px;
}
 .box-3-expand {
	width: 240px;
}
 .box-3-contract-left,   .box-3-contract-right{
	width: 210px;
}
 .box-3-contract {
	width: 200px;
}
 .box-4 {
	width:300px;
}
 .box-4-expand-left,   .box-4-expand-right{
	width: 310px;
}
 .box-4-expand {
	width: 320px;
}
 .box-4-contract-left,   .box-4-contract-right{
	width: 290px;
}
 .box-4-contract {
	width: 280px;
}
 .box-5 {
	width: 380px;
}
 .box-5-expand-left,   .box-5-expand-right{
	width: 390px;
}
 .box-5-expand {
	width: 400px;
}
 .box-5-contract-left,   .box-5-contract-right{
	width: 370px;
}
 .box-5-contract {
	width: 360px;
}
 .box-6 {
	width:460px;
}
 .box-6-expand-left,   .box-6-expand-right{
	width: 470px;
}
 .box-6-expand {
	width: 480px;
}
 .box-6-contract-left,   .box-6-contract-right{
	width: 450px;
}
 .box-6-contract {
	width: 440px;
}
 .box-7 {
	width:540px;
}
 .box-7-expand-left,   .box-7-expand-right{
	width: 550px;
}
 .box-7-expand {
	width: 560px;
}
 .box-7-contract-left,   .box-7-contract-right{
	width: 530px;
}
 .box-7-contract {
	width: 520px;
}
 .box-8 {
	width:620px;
}
 .box-8-expand-left,   .box-8-expand-right{
	width: 630px;
}
 .box-8-expand {
	width: 640px;
}
 .box-8-contract-left,   .box-8-contract-right{
	width: 610px;
}
 .box-8-contract {
	width: 600px;
}
 .box-9 {
	width:700px;
}
 .box-9-expand-left,   .box-9-expand-right{
	width: 710px;
}
 .box-9-expand {
	width: 720px;
}
 .box-9-contract-left,   .box-9-contract-right{
	width: 690px;
}
 .box-9-contract {
	width: 680px;
}
 .box-10 {
	width:780px;
}
 .box-10-expand-left,   .box-10-expand-right{
	width: 790px;
}
 .box-10-expand {
	width: 800px;
}
 .box-10-contract-left,   .box-10-contract-right{
	width: 770px;
}
 .box-10-contract {
	width: 760px;
}
 .box-11 {
	width:860px;
}
 .box-11-expand-left,   .box-11-expand-right{
	width: 890px;
}
 .box-11-expand {
	width: 900px;
}
 .box-11-contract-left,   .box-11-contract-right{
	width: 850px;
}
 .box-11-contract {
	width: 840px;
}
 .box-12 {
	width:940px;
}
 .box-12-expand-left,   .box-12-expand-right{
	width: 950px;
}
 .box-12-expand {
	width: 960px;
}
 .box-12-contract-left,   .box-12-contract-right{
	width: 930px;
}
 .box-12-contract {
	width: 920px;
}

/* Prefix Extra Space >> 12 Columns __________________________________*/

 .prefix-1 {
	padding-left:80px;
}

 .prefix-2 {
	padding-left:160px;
}

 .prefix-3 {
	padding-left:240px;
}

 .prefix-4 {
	padding-left:320px;
}

 .prefix-5 {
	padding-left:400px;
}

 .prefix-6 {
	padding-left:480px;
}

 .prefix-7 {
	padding-left:560px;
}

 .prefix-8 {
	padding-left:640px;
}

 .prefix-9 {
	padding-left:720px;
}

 .prefix-10 {
	padding-left:800px;
}

 .prefix-11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns __________________________________*/

 .suffix-1 {
	padding-right:80px;
}

 .suffix-2 {
	padding-right:160px;
}

 .suffix-3 {
	padding-right:240px;
}

 .suffix-4 {
	padding-right:320px;
}

 .suffix-5 {
	padding-right:400px;
}

 .suffix-6 {
	padding-right:480px;
}

 .suffix-7 {
	padding-right:560px;
}

 .suffix-8 {
	padding-right:640px;
}

 .suffix-9 {
	padding-right:720px;
}

 .suffix-10 {
	padding-right:800px;
}

 .suffix-11 {
	padding-right:880px;
}



/* Push Space >> 12 Columns __________________________________*/

 .push-1 {
	left:80px;
}

 .push-2 {
	left:160px;
}

 .push-3 {
	left:240px;
}

 .push-4 {
	left:320px;
}

 .push-5 {
	left:400px;
}

 .push-6 {
	left:480px;
}

 .push-7 {
	left:560px;
}

 .push-8 {
	left:640px;
}

 .push-9 {
	left:720px;
}

 .push-10 {
	left:800px;
}

 .push-11 {
	left:880px;
}



/* Pull Space >> 12 Columns __________________________________*/

 .pull-1 {
	left:-80px;
}

 .pull-2 {
	left:-160px;
}

 .pull-3 {
	left:-240px;
}

 .pull-4 {
	left:-320px;
}

 .pull-5 {
	left:-400px;
}

 .pull-6 {
	left:-480px;
}

 .pull-7 {
	left:-560px;
}

 .pull-8 {
	left:-640px;
}

 .pull-9 {
	left:-720px;
}

 .pull-10 {
	left:-800px;
}

 .pull-11 {
	left:-880px;
}

